<!--
 * @Description: 肥胖卡片
 * @Author: ZhangHan
 * @Date: 2025-08-04 17:11:31
 * @LastEditTime: 2025-08-08 10:09:06
 * @LastEditors: ZhangHan
-->
<template>
  <view class="plan-container obese">
    <view class="plan-header"
      >体重肥胖 （BMI ≥ 28.0）
      <view>健康计划</view>
    </view>
    <view class="plan-content">
      <view class="plan-bmi">适用范围：BMI ≥ 28.0</view>

      <h2>饮食建议</h2>
      <ul>
        <li>在医生或营养师指导下进行适度热量限制</li>
        <li>优先保证蛋白质摄入，保护肌肉组织</li>
        <li>严格控制精制碳水化合物和添加糖</li>
        <li>增加膳食纤维摄入，增强饱腹感</li>
        <li>选择低能量密度的食物（如非淀粉类蔬菜）</li>
        <li>规律进餐，避免跳过正餐导致过度饥饿</li>
        <li>记录饮食日记，监控摄入情况</li>
      </ul>

      <h2>训练计划</h2>
      <ul>
        <li>在医生允许的情况下开始运动计划</li>
        <li>初期选择低冲击运动，如游泳、水中漫步、椭圆机</li>
        <li>逐渐增加运动量，从短时间开始，逐步延长</li>
        <li>每周至少进行5天运动，累计150分钟以上</li>
        <li>加入轻度力量训练，每周2-3次</li>
        <li>增加日常活动，减少久坐时间</li>
      </ul>

      <view class="recommendation">
        <strong>重要建议：</strong>
        建议在医生和专业人士指导下进行减重计划。快速减重可能对健康造成风险，应采取循序渐进的方式，关注整体健康改善而非仅关注体重数字。
      </view>
    </view>
  </view>
</template>

<script setup lang="ts">
import { ref } from "vue";

defineOptions({name:'ObeseCard'});
</script>
<style lang="scss" scoped>
@use "./component.scss";
</style>
